<style>
</style>
<template>
    <ly-page>
        <ly-navi title="通知"></ly-navi>
        <ly-page-content>
            <div style="height: 20px"></div>
            <div style="margin-bottom: 20px; color: #3793FF;">Notification</div>
            <div>
                <el-button @click="showNotification()">默认</el-button>
                <el-button @click="showNotification('info')">info</el-button>
                <el-button @click="showNotification('success')">success</el-button>
                <el-button @click="showNotification('warning')">warning</el-button>
                <el-button @click="showNotification('error')">error</el-button>
            </div>
            <ly-code-view>
                <pre v-pre>
this.$notify({
    title: '标题',
    message: '这里是通知内容',
    type: type
});
                    </pre>
            </ly-code-view>

        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    step: 1
                }
            },
            mounted: function () {

            },

            methods: {
                showNotification: function (type) {
                    this.$notify({
                        title: '标题',
                        message: '这里是通知内容',
                        type: type
                    });

                }


            }
        }
    })
</script>